<%@include file="/WEB-INF/common/taglibs.jsp"%>
<script src="/ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="/ckfinder/ckfinder.js"></script>
<script type="text/javascript"
	src="${supr}/js/supr-theme/jquery-ui-timepicker-addon.js"></script>

<script>
	
</script>



<div class="row-fluid">
	<form class="form-horizontal seperator" method="post">
		<div class="span12">
			<div class="box gradient">
				<div class="title">
					<h4>
						<span class="icon16 icomoon-icon-equalizer-2"></span> <span>Article
							/ News </span>

					</h4>
					<a href="#" class="minimize">Minimize</a>
				</div>

				<div class="content">
					<ul id="myTab" class="nav nav-tabs pattern">
						<li class="active"><a href="#general" data-toggle="tab">General</a></li>
						<li><a href="#meta" data-toggle="tab">Data</a></li>
						<li><a href="#write" data-toggle="tab">Content</a></li>
					</ul>


					<div class="tab-content tab-content-no-border">
						<div class="tab-pane fade in active" id="general">
							<div class="span12">
								<!--title -->
								<div class="form-row row-fluid">
									<div class="span12">
										<div class="row-fluid">
											<label class="form-label span3" for="title">Title :</label><input
												class="span4" id="title" name="title" type="text"
												value="<c:out value="${entity.title }"></c:out>" />
										</div>
									</div>
								</div>
								<!--language -->
								<div class="form-row row-fluid">
									<div class="span12">
										<div class="row-fluid">
											<label class="form-label span3">Language :</label>
											<div class="span4 controls">
												<select name="languageId"><c:if
														test="${not empty languages}">
														<c:forEach var="single" items="${languages}">
															<option value="${single.id}"
																${(single.id == entity.language.id)?'selected':'' }>${single.name}</option>
														</c:forEach>
													</c:if></select>
											</div>
										</div>
									</div>
								</div>
								<!--createDate -->
								<div class="form-row row-fluid">
									<div class="span12">
										<div class="row-fluid">
											<label class="form-label span3" for="createDate">CreateDate
												:</label><input class="span4 datetimepicker" id="createDate"
												name="createDate" type="text"
												value="<fmt:formatDate pattern="yyyy-MM-dd HH:mm" value="${entity.createDate}" />" />
										</div>
									</div>
								</div>
								<!--newsPaper -->
								<div class="form-row row-fluid">
									<div class="span12">
										<div class="row-fluid">
											<label class="form-label span3" for="newsPaper">News
												Paper :</label><input class="span4" id="newsPaper" name="newsPaper"
												type="text" value="${entity.newsPaper}" />
										</div>
									</div>
								</div>
								<!--source -->
								<div class="form-row row-fluid">
									<div class="span12">
										<div class="row-fluid">
											<label class="form-label span3" for="source">Source :</label><input
												class="span4" id="source" name="source" type="text"
												value="${entity.source}" />
										</div>
									</div>
								</div>
								<!--copyRight -->
								<div class="form-row row-fluid">
									<div class="span12">
										<div class="row-fluid">
											<label class="form-label span3" for="copyRight">Copy
												Right :</label><input class="span4" id="copyRight" name="copyRight"
												type="text" value="${entity.copyRight}" />
										</div>
									</div>
								</div>
								<!--effectDay -->
								<div class="form-row row-fluid">
									<div class="span12">
										<div class="row-fluid">
											<label class="form-label span3" for="effectDay">Effect
												Day :</label><input class="span4 datetimepicker" id="effectDay"
												name="effectDay" type="text"
												value="<fmt:formatDate pattern="yyyy-MM-dd HH:mm" value="${entity.effectDay}" />" />
										</div>
									</div>
								</div>
								<!--recommended -->
								<div class="form-row row-fluid">
									<div class="span12">
										<div class="row-fluid">
											<label class="form-label span3" for="recommended">Recommended
												:</label>
											<div class="left marginT5 marginR10">
												<div class="radio" id="uniform-recommended1">
													<span
														class="<c:if test="${entity.recommended }">checked</c:if>"><input
														type="radio" name="recommended" id="recommended1"
														value="true"
														<c:if test="${entity.recommended}">checked="checked"</c:if>
														style="opacity: 0;"></span>
												</div>
												True
											</div>
											<div class="left marginT5 marginR10">
												<div class="radio" id="uniform-recommended2">
													<span
														class="<c:if test="${!entity.recommended}">checked</c:if>"><input
														type="radio"
														<c:if test="${!entity.recommended}">checked="checked"</c:if>
														name="recommended" id="recommended2" value="false"
														style="opacity: 0;"></span>
												</div>
												False
											</div>
										</div>
									</div>
								</div>
								<!--picURL -->
								<div class="form-row row-fluid">
									<div class="span12">
										<div class="row-fluid">
											<label class="form-label span3" for="picURL">PicURL :</label><input
												class="span4 ckfile" id="picURL" name="picURL" type="text"
												value="${entity.picURL}" />
										</div>
									</div>
								</div>
								<!--online -->
								<div class="form-row row-fluid">
									<div class="span12">
										<div class="row-fluid">
											<label class="form-label span3" for="online">Online :</label>
											<div class="left marginT5 marginR10">
												<div class="radio" id="uniform-online1">
													<span class="<c:if test="${entity.online }">checked</c:if>"><input
														type="radio" name="online" id="online1" value="true"
														<c:if test="${entity.online}">checked="checked"</c:if>
														style="opacity: 0;"></span>
												</div>
												True
											</div>
											<div class="left marginT5 marginR10">
												<div class="radio" id="uniform-online2">
													<span class="<c:if test="${!entity.online}">checked</c:if>"><input
														type="radio"
														<c:if test="${!entity.online}">checked="checked"</c:if>
														name="online" id="online2" value="false"
														style="opacity: 0;"></span>
												</div>
												False
											</div>
										</div>
									</div>
								</div>
								<!--coverURL -->
								<div class="form-row row-fluid">
									<div class="span12">
										<div class="row-fluid">
											<label class="form-label span3" for="coverURL">CoverURL
												:</label><input class="span4 ckfile" id="coverURL" name="coverURL"
												type="text" value="${entity.coverURL}" />
										</div>
									</div>
								</div>
								<!--keyUrl -->
								<div class="form-row row-fluid">
									<div class="span12">
										<div class="row-fluid">
											<label class="form-label span3" for="keyUrl">KeyUrl :</label><input
												class="span4" id="keyUrl" name="keyUrl" type="text"
												value="${entity.keyUrl}" />
										</div>
									</div>
								</div>
								<!--preview -->
								<div class="form-row row-fluid">
									<div class="span12">
										<div class="row-fluid">
											<label class="form-label span3" for="preview">Preview
												:</label><input class="span4" id="preview" name="preview"
												type="text" value="${entity.preview}" />
										</div>
									</div>
								</div>
								<!--category -->
								<div class="form-row row-fluid">
									<div class="span12">
										<div class="row-fluid">
											<label class="form-label span3">Default category :</label>
											<div class="span4 controls">
												<select name="categoryId">
												<option value="">  ----  </option>
												<c:if
														test="${not empty categories}">
														<c:forEach var="single" items="${categories}">
															<option value="${single.id}"
																${(single.id == entity.category.id)?'selected':'' }>${single.name}</option>
														</c:forEach>
													</c:if></select>
											</div>
										</div>
									</div>
								</div>
								<!--linking -->
								<div class="form-row row-fluid">
									<div class="span12">
										<div class="row-fluid">
											<label class="form-label span3" for="linking">Linking
												:</label>
											<div class="left marginT5 marginR10">
												<div class="radio" id="uniform-linking1">
													<span
														class="<c:if test="${entity.linking }">checked</c:if>"><input
														type="radio" name="linking" id="linking1" value="true"
														<c:if test="${entity.linking}">checked="checked"</c:if>
														style="opacity: 0;"></span>
												</div>
												True
											</div>
											<div class="left marginT5 marginR10">
												<div class="radio" id="uniform-linking2">
													<span
														class="<c:if test="${!entity.linking}">checked</c:if>"><input
														type="radio"
														<c:if test="${!entity.linking}">checked="checked"</c:if>
														name="linking" id="linking2" value="false"
														style="opacity: 0;"></span>
												</div>
												False
											</div>
										</div>
									</div>
								</div>
								<!--attachmentUrl -->
								<div class="form-row row-fluid">
									<div class="span12">
										<div class="row-fluid">
											<label class="form-label span3" for="attachmentUrl">Attachment
												Url :</label><input class="span4 ckfile" id="attachmentUrl"
												name="attachmentUrl" type="text"
												value="${entity.attachmentUrl}" />
										</div>
									</div>
								</div>




							</div>


						</div>
						<div class="tab-pane fade" id="meta">
							<!--title -->
							<div class="form-row row-fluid">
								<div class="span12">
									<div class="row-fluid">
										<label class="form-label span3" for="title">Title :</label><input
											class="span4" id="metaInfo.title" name="metaInfo.title"
											type="text" value="${entity.metaInfo.title}" />
									</div>
								</div>
							</div>
							<!--metaKeywords -->
							<div class="form-row row-fluid">
								<div class="span12">
									<div class="row-fluid">
										<label class="form-label span3" for="metaKeywords">Meta
											Keywords :</label><input class="span4" id="metaKeywords"
											name="metaInfo.metaKeywords" type="text"
											value="${entity.metaInfo.metaKeywords}" />
									</div>
								</div>
							</div>
							<!--metaTitle -->
							<div class="form-row row-fluid">
								<div class="span12">
									<div class="row-fluid">
										<label class="form-label span3" for="metaTitle">Meta
											Title :</label><input class="span4" id="metaTitle"
											name="metaInfo.metaTitle" type="text"
											value="${entity.metaInfo.metaTitle}" />
									</div>
								</div>
							</div>
							<!--metaDescription -->
							<div class="form-row row-fluid">
								<div class="span12">
									<div class="row-fluid">
										<label class="form-label span3" for="metaDescription">Meta
											Description :</label><input class="span4" id="metaDescription"
											name="metaInfo.metaDescription" type="text"
											value="${entity.metaInfo.metaDescription}" />
									</div>
								</div>
							</div>
							<!--metaOg -->
							<div class="form-row row-fluid">
								<div class="span12">
									<div class="row-fluid">
										<label class="form-label span3" for="metaOg">Meta Og :</label>
										<textarea name="metaInfo.metaOg" class="span4 limit elastic"
											id="metaOg" rows="3" cols="5">${entity.metaInfo.metaOg}</textarea>
									</div>
								</div>
							</div>

						</div>
						<div class="tab-pane fade" id="write">
							<div class="span12">
								<!--content -->
								<div class="form-row row-fluid">
									<div class="span12">
										<div class="row-fluid">
											<label class="form-label span3" for="content">content
												:</label>
											<textarea name="content" class="span4 ckeditor" id="content"
												rows="3" cols="5"><c:out
													value="${entity.content}"></c:out></textarea>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="form-row row-fluid">
					<div class="span12">
						<div class="row-fluid">
							<div class="form-actions">
								<div class="span3"></div>
								<div class="span4 controls">
									<button type="submit" class="btn btn-info marginR10">Save
										changes</button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>
		<!-- End .span6 -->
	</form>
</div>
<!-- End .row-fluid -->
